body{
margin: auto;
background-image:url(../img/fond.png);
}
#erreur{
font-size: 14px;
color: red;
}
#hgauche{
background-image:url(../img/gauche.png);
background-repeat:no-repeat;
}
#hbaslogo{
margin-top: -4px;
width: 232px;
height:140px;
background-image:url(../img/baslogo.png);
background-repeat:no-repeat;
}
#hdroite{
float:left;
width:755px;
height: 220px;
background-image:url(../img/droite.png);
background-repeat:no-repeat;
}
#header{
position:relative; 
left: 50%; 
width: 1094px; 
height: 220px; 
margin-left: -547px;
}
#backcontent{
padding-left : 20px;
padding-top: 15px;
padding-right: 20px;
width: 1013px;
height: 850px;
background-image:url(../img/backcontent.png);
background-repeat:repeat-y;
}
#startcontent{
width: 1053px;
height: 11px;
background-image:url(../img/startbackcontent.png);
background-repeat: no-repeat;
}
.header{
margin: auto;
width: 1094px;
height: 220px;
border: 0;
text-align: center;
}
#right{
background-image:url(../img/column.png);
background-repeat:repeat-y;
}
#left{
background-image:url(../img/column.png);
background-repeat:repeat-y;
}
#inscription{
vertical-align:top;
}
a img
{
outline : none;
border: none;
}
a {
outline : none;
color: white;
text-decoration: none;
}
a:visited{
outline : none;
color: white;
text-decoration: none;
}
.loginbox{
width: 227px;
height: 164px;
}
#loginf{
height: 164px;
padding-top: 32px;
background-image:url(../img/login.png);
background-repeat:no-repeat;
}
#loginfa{
background-image:url(../img/loginbox.png);
background-repeat:no-repeat;
}
#loginfa2{
font: 14px 'Coolvetica', Arial, sans-serif;
padding-top: 35px;
padding-left: 45px;
background-image:url(../img/loginbox.png);
background-repeat:no-repeat;
}
input.submit{
width:127.5px;
font-size: 14px;
color:#00CCFF;
border: 1px #88a0ac solid;
background-color: #12191f;
background-position:center;
background-repeat:no-repeat;
}
input[type=text]{
width:127.5px;
font-size: 14px;
color:#00CCFF;
border: solid 1px #88a0ac;
background-color: #12191f;
background-position:center;
background-repeat:no-repeat;
}
input[type=password]{
width:127.5px;
font-size: 14px;
color:#00CCFF;
border: solid 1px #88a0ac;
background-color:#12191f;
background-position:center;
background-repeat:no-repeat;
}
.submitForm{
text-align: center;
}
#boutonsubmit{
width:126px;
height:43px;
background-image:url("../img/buttonlogin.png");
background-color:transparent;
background-position:center;
background-repeat:no-repeat;
border:0;
}
#startmenu{
width:224px;
height:28px;
background-image:url(../img/debutmenu.png);
background-repeat: no-repeat;
}
#startroyaume{
margin-top:6px;
width:223px;
height:28px;
background-image:url(../img/royaume.png);
background-repeat:repeat-x;
}
#contentroyaume{
height: 140px;
padding-left:30px;
background-image:url(../img/coreroyaume.png);
background-repeat:repeat-y;
}
#fondroyaume{
color: white;
font: 12px 'Coolvetica', Arial, sans-serif;
letter-spacing: 0;
vertical-align: bottom;
padding-top: 105px;
text-align: center;
width: 163px;
height: 140px;
background-image:url(../img/fondroyaume.png);
background-repeat: no-repeat;
}
#center{
padding-right: 20px;
}
#endroyaume{
width:223px;
height:14px;
background-image:url(../img/finroyaume.png);
background-repeat:no-repeat;
}
#contentmenu{
font-size:6px;
padding-left:18px;
background-image:url(../img/middlemenu.png);
background-repeat:repeat-y;
}
#endmenu{
width:224px;
height:14px;
background-image:url(../img/finmenu.png);
background-repeat:no-repeat;
}
#middle{
margin-left: 10px;
margin-right: 10px;
width:546px;
height:850px;
background-image:url(../img/fondmiddle.png);
background-repeat:repeat-y;
}
#accueil{
margin-top: 27px;
width:546px;
height:32px;
text-align: center;
background-image:url(../img/menu/banierevierge.png);
background-repeat:repeat-x;
}
#createaccount{
width:546px;
height:32px;
background-image:url(../img/createaccount.png);
background-repeat:repeat-x;
}
#middlepage{
width: 520px;
font-size:15px;
padding-left: 12.5px;
padding-right: 12.5px;
background-image:url(../img/fond2middle.png);
background-repeat:repeat-y;
}
#endmiddle{
width:541px;
height:28px;
background-image:url(../img/finfonmiddle.png);
background-repeat:no-repeat;
}
#startnews{
width:522px;
height:14px;
background-image:url(../img/debutnews.png);
background-repeat:no-repeat;
}
#endnews{
width:518px;
height: 14px;
background-image:url(../img/fondnws.png);
background-repeat:no-repeat;
}
#contentcoment{
padding-left: 15px;
}
#newsbackground{
padding-left: 13.5px;
padding-right: 13.5px;
width:491px;
background-image:url(../img/corenews.png);
background-repeat:repeat-y;
}
#commentnewsbackground{
width:518px;
background-image:url(../img/corenews.png);
background-repeat:repeat-y;
}
#newsinfo{
position:relative;
float: left;
width:64px;
height:65px;
background-image:url(../img/logonews.png);
background-repeat:no-repeat;
}
.infotitle{
position:relative;
width:233px;
height:15px;
padding-left: 3px;
margin-bottom: 1px;
font: 10px Tahoma;
color: white;
font-weight:bold;
letter-spacing: 0;
background-image:url(../img/fondtitlenews.png);
background-repeat:no-repeat;
}
#infotitlegene{
padding-top: 6px;
color: white;
}
.separateur{
width: 491px;
height:2px;
background-image:url(../img/separateurnews.png);
background-repeat:no-repeat;
}
#contentnews{
color: white;
font: 12px 'Coolvetica', Arial, sans-serif;
letter-spacing: 0;	
}
#commnews{
padding-right: 13.5px;
text-align: right;
font: 6.5pt Tahoma;
color: white;
font-weight:bold;
letter-spacing: 0;
}
div#jaugepleine {
position: relative;
background:url("../img/jaugepleine.png") repeat-x;
background-position:left;
height:14px;
}
div#jaugeplayer {
position: relative;
left: 50%;
margin-left: -65px;
background:url("../img/jauge.png") no-repeat;
height:14px;
width:130px;
text-align:left;
}
div#jaugetext {
font: 12px 'Coolvetica', Arial, sans-serif;
width:130px;
text-align:center;
margin-top:-14.5px;
}
#footer{
position: absolute;
left:50%;
margin-left: -586px;
width: 1172px;
height: 147px;
background-image:url(../img/footer.png);
background-repeat: no-repeat;
}
p{
font: 11.5px Tahoma;
color: white;
margin: 0;
}
p:first-letter {
  font-size: 30px;
  font-weight: bold;
  color: white;
}
#bordfooter{
width: 100%;
height: 147px;
background-image:url(../img/bordfooter.png);
}
select{
font-size: 14px;
color:#00CCFF;
border: solid 1px #88a0ac;
background-color:#12191f;
background-position:center;
background-repeat:no-repeat;
}
#menu-news{
width: 52px;
height: 11px;
background-image:url(../img/menu/menu-news.png);
}
#menu-news:hover{
width: 52px;
height: 11px;
background-image:url(../img/menu/menu-news-hover.png);
}